---
# Only the main Sass file needs front matter (the dashes are enough)
# The base style are define in the original theme
# theme folders include:
#   /assets
#   /_layouts
#   /_includes
#   /_sass
#   override them in this file
---

@charset "utf-8";

/* syntax highlight */
$base00: #fafafa !default;
$base01: #073642 !default;
$base02: #586e75 !default;
$base03: #657b83 !default;
$base04: #839496 !default;
$base05: #586e75 !default;
$base06: #eee8d5 !default;
$base07: #fdf6e3 !default;
$base08: #dc322f !default;
$base09: #cb4b16 !default;
$base0a: #b58900 !default;
$base0b: #859900 !default;
$base0c: #2aa198 !default;
$base0d: #268bd2 !default;
$base0e: #6c71c4 !default;
$base0f: #d33682 !default;

/* font size */
/* type scale */
$type-size-1: 2.441em !default; // ~39.056px
$type-size-2: 1.953em !default; // ~31.248px
$type-size-3: 1.563em !default; // ~25.008px
$type-size-4: 1.25em !default; // ~20px
$type-size-5: 1em !default; // ~16px
$type-size-6: 0.75em !default; // ~12px
$type-size-7: 0.6875em !default; // ~11px
$type-size-8: 0.625em !default; // ~10px

/* image captain */
img + em {
    display: block;
    text-align: center;
    font-size: 0.9em;
    color: light-grey;
}

$x-large: 90em;

$right-sidebar-width-narrow: 180px;
$right-sidebar-width: 270px;
$right-sidebar-width-wide: 360px;


@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
@import "minimal-mistakes"; // main partials

html {
  font-size: 16px;

  @include breakpoint($small) {
    nav.book {
      display: none;
    }
  }

  @include breakpoint($medium) {
    font-size: 16px;
    nav.book{
      display: none;
    }
  }

  @include breakpoint($large) {
    font-size: 16px;
    nav.book{
      display: block;
    }
  }

  @include breakpoint($x-large) {
    font-size: 18px;
    nav.book{
      display: block;
    }
  }
}

table {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.sidebar {
    @include breakpoint($medium) {
        nav.book{
            display: none;
        }
    }

    @include breakpoint($small) {
        nav.book {
            display: none;
        }
    }
}